.box {
  // margin-top: 20px;
  padding: 20px 200px;
  height: calc(100vh - 90px);
  overflow-y: scroll;
  background: linear-gradient(#5f72e2 5%, rgba(0, 0, 0, 0) 45%);

  .title {
    font-weight: bold;
    color: #fff;
  }
}

.card {
  border-radius: 10px;
  box-shadow: 0 0 5px #999;
}

.item {
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
}

.item1top {
  display: flex;
  justify-content: space-between;

  h1 {
    color: #999;
  }

  .r {
    background-color: #2dce89;
    width: 50px;
    height: 50px;
    line-height: 60px;
    border-radius: 50%;
    text-align: center;
    vertical-align: middle;
  }
}

.item1but {
  display: flex;

  .l {
    color: #2dce89;
    margin-right: 30px;
  }
}

.gundong {
  height: 300px;
  overflow-y: scroll;
}
.gundong::-webkit-scrollbar {
  display: none;
}
.echtop {
  .sel {
    text-align: right;
  }
}
